﻿{% extends 'base.html' %}

{% block title %}
{{ title }}
{% endblock %}

{% block contents %}

<h2>{{ contents }}</h2>
        
        <a href="/bn/?bn=NewExpress">NewExpress</a><br/>
        <a href="/bn/?bn=MyPhoto">MyPhoto</a><br/>
        <a href="/bn/?bn=MyWallet">MyWallet</a><br/>        
        <a href="/bn/?bn=CreditCard">CreditCard</a><br/>
        <a href="/bn/?bn=DigiHome">DigiHome</a><br/>
        <a href="/bn/?bn=DigiImage">DigiImage</a><br/>
        <a href="/bn/?bn=DigiMusic">DigiMusic</a><br/>
        <a href="/bn/?bn=EconForum">EconForum</a><br/>
        <a href="/bn/?bn=FamilyLife">FamilyLife</a><br/>
        <a href="/bn/?bn=Love">Love</a><br/>
        <a href="/bn/?bn=Age">Age</a><br/>
        <a href="/bn/?bn=Boy">Boy</a><br/>
        <a href="/bn/?bn=Girl">Girl</a><br/>
        <a href="/bn/?bn=OMTV">OMTV</a><br/>
        <a href="/bn/?bn=TV">TV</a><br/>
        <a href="/bn/?bn=PrisonBreak">PrisonBreak</a><br/>
        <a href="/bn/?bn=PopMusic">PopMusic</a><br/>
        <a href="/bn/?bn=Joke">Joke</a><br/>
        <a href="/bn/?bn=NewSoftware">NewSoftware</a><br/>
        <a href="/bn/?bn=NLP">NLP</a><br/>
        <a href="/bn/?bn=SearchEngineTech">SearchEngineTech</a><br/>
        <a href="/bn/?bn=PocketLife">PocketLife</a><br/>
        <a href="/bn/?bn=Python">Python</a><br/>
        <a href="/bn/?bn=Reader">Reader</a><br/>
        <a href="/bn/?bn=WorkLife">WorkLife</a><br/>
        <a href="/bn/?bn=ADAgent_HG">ADAgent_HG</a><br/>
        <a href="/bn/?bn=ADAgent_TG">ADAgent_TG</a><br/>
        <a href="/bn/?bn=CampusInfo">CampusInfo</a><br/>
        <a href="/bn/?bn=FoodInfo">FoodInfo</a><br/>
        <a href="/bn/?bn=GuoJiXue">GuoJiXue</a><br/>
        <a href="/bn/?bn=ITExpress">ITExpress</a><br/>
        <a href="/bn/?bn=MilitaryView">MilitaryView</a><br/>
        <a href="/bn/?bn=Mobile">Mobile</a><br/>
        <a href="/bn/?bn=RealEstate">RealEstate</a><br/>
        <a href="/bn/?bn=RealEstate_review">RealEstate_review</a><br/>
        <a href="/bn/?bn=Shopping">Shopping</a><br/>
        <a href="/bn/?bn=TrafficInfo">TrafficInfo</a><br/>

        <br/><br/>
        <hr>
        <br/><br/>
        <h1>Fonts on the iPhone</h1>
        <ul>
            <li style='font-family: American Typewriter;'>American Typewriter</li>
            <li style='font-family: Arial;'>Arial</li>
            <li style='font-family: Arial Rounded MT Bold;'>Arial Rounded MT Bold</li>
            <li style='font-family: Courier;'>Courier</li>
            <li style='font-family: Courier New;'>Courier New</li>
            <li style='font-family: Georgia;'>Georgia</li>
            <li style='font-family: Helvetica;'>Helvetica</li>
            <li style='font-family: Helvetica Neue;'>Helvetica Neue</li>
            <li style='font-family: Marker Felt;'>Marker Felt</li>
            <li style='font-family: Times New Roman;'>Times New Roman</li>
            <li style='font-family: Trebuchet MS;'>Trebuchet MS</li>
            <li style='font-family: Verdana;'>Verdana</li>
            <li style='font-family: Zapfino;'>Zapfino</li>
        </ul>

    	<h1>Events on the iPhone</h1> 
    	<p> 
    	These results are based on <a href="event-test.html">a simple test</a> page with a bunch of onX-functions. Please let us know of inaccuracies in this report. Complementing events are also welcome! :)
    	</p> 
    	<ul> 
    	   <li>Functional events work as expected.</li> 
    	   <li>Except those with asterixes. These are triggered, but do not work as expected.</li> 
    	   <li>Non-functional events do not trigger at all.</li> 
    	</ul> 
    	<div class="functional"> 
    	    <b>Functional:</b> 
    	    <ul> 
    		<li>form.<b>onreset</b></li> 
    		<li>formfield.<b>onblur</b></li> 
    		<li>formfield.<b>onchange</b></li> 
    		<li>formfield.<b>onclick</b></li> 
    		<li>formfield.<b>onfocus</b></li> 
    		<li>*formfield.<b>onmousedown</b></li> 
    		<li>formfield.<b>onmouseout</b></li> 
    		<li>formfield.<b>onmouseover</b></li> 
    		<li>formfield.<b>onmouseup</b></li> 
    		<li>*textarea.<b>onkeydown</b></li> 
    		<li>*textarea.<b>onkeypress</b></li> 
    		<li>*textarea.<b>onkeyup</b></li> 
    		<li>window.<b>onload</b></li> 
    	    </ul> 
    	</div> 
    	<div class="nonfunctional"> 
    	    <b>Non-functional:</b> 
    	    <ul> 
    		<li>document.<b>onkeydown</b></li> 
    		<li>document.<b>onkeypress</b></li> 
    		<li>document.<b>onkeyup</b></li> 
    		<li>form.<b>onsubmit</b></li> 
    		<li>formfield.<b>ondblclick</b></li> 
    		<li>formfield.<b>onmouseenter</b></li> 
    		<li>formfield.<b>onmouseleave</b></li> 
    		<li>formfield.<b>onmousemove</b></li> 
    		<li>formfield.<b>onselect</b></li> 
    		<li>window.<b>oncontextmenu</b></li> 
    		<li>window.<b>onerror</b></li> 
    		<li>window.<b>onresize</b></li> 
    		<li>window.<b>onscroll</b></li> 
    	    </ul> 
    	</div> 
    	<br clear="all"/> 
    	<div class="issues"> 
    	   <b>Issues:</b> 
    	   <ul> 
    	       <li>The onkey* events only trigger for textareas (not regular input fields) and only trigger when the user hits return, not for every key-tap.</li> 
    	   </ul> 
    	</div>
        
        
        <div class="searchbox"> 
        <h1>iPhone Input Demo</h1> 
        <div class="searchbox"> 
        <h2>Regular Text</h2> 
        <form id="google" name="google" method="get" action="#"> 
         
          <input type="text" class="searchtext" value="name=q" name="q" size="25" /> 
          <input type="submit" class="gobutton" name="button" id="button1" value="Go" /> 
        </form> 
        </div> 
        <h2>Search Queries</h2> 
        <form id="google" name="google" method="get" action="#"> 
         
          <input type="text" class="searchtext" value="name=search" name="search" size="25" /> 
          <input type="submit" class="gobutton" name="button" id="button1" value="Go" /> 
        </form> 
        </div> 
        <div class="searchbox"> 
        <h2>Number Text (Phone)</h2> 
        <form id="google" name="google" method="get" action="#"> 
          <input type="hidden" name="hl" value="en" /> 
          <input type="text" class="searchtext" value="name=phone" name="phone" size="25" /> 
          <input type="submit" class="gobutton" name="button" id="button2" value="Go" /> 
        </form> 
         
        <form id="google" name="google" method="get" action="#"> 
          <input type="hidden" name="hl" value="en" /> 
          <input type="text" class="searchtext" value="name=phone_suffix" name="phone_suffix" size="25" /> 
          <input type="submit" class="gobutton" name="button" id="button2" value="Go" /> 
        </form> 
         
        <form id="google" name="google" method="get" action="#"> 
          <input type="hidden" name="hl" value="en" /> 
          <input type="text" class="searchtext" value="name=prefix_phone" name="prefix_phone" size="25" /> 
          <input type="submit" class="gobutton" name="button" id="button2" value="Go" /> 
        </form> 
         
        <form id="google" name="google" method="get" action="#"> 
          <input type="hidden" name="hl" value="en" /> 
          <input type="text" class="searchtext" value="name=megaphone" name="megaphone" size="25" /> 
          <input type="submit" class="gobutton" name="button" id="button2" value="Go" /> 
        </form> 
         
        <form id="google" name="google" method="get" action="#"> 
          <input type="hidden" name="hl" value="en" /> 
          <input type="text" class="searchtext" value="name=phonetic" name="phonetic" size="25" /> 
          <input type="submit" class="gobutton" name="button" id="button2" value="Go" /> 
        </form> 
         
        </div> 
        <div class="searchbox"> 
        <h2>Number Text (Zip)</h2> 
        <form id="google" name="google" method="get" action="#"> 
          <input type="hidden" name="hl" value="en" /> 
          <input type="text" class="searchtext" value="name=zip" name="zip" size="25" /> 
          <input type="submit" class="gobutton" name="button" id="button2" value="Go" /> 
        </form> 
         
        <form id="google" name="google" method="get" action="#"> 
          <input type="hidden" name="hl" value="en" /> 
          <input type="text" class="searchtext" value="name=zip_suffix" name="zip_suffix" size="25" /> 
          <input type="submit" class="gobutton" name="button" id="button2" value="Go" /> 
        </form> 
         
        <form id="google" name="google" method="get" action="#"> 
          <input type="hidden" name="hl" value="en" /> 
          <input type="text" class="searchtext" value="name=prefix_zip" name="prefix_zip" size="25" /> 
          <input type="submit" class="gobutton" name="button" id="button2" value="Go" /> 
        </form> 
         
        <form id="google" name="google" method="get" action="#"> 
          <input type="hidden" name="hl" value="en" /> 
          <input type="text" class="searchtext" value="name=unzip" name="unzip" size="25" /> 
          <input type="submit" class="gobutton" name="button" id="button2" value="Go" /> 
        </form> 
         
        <form id="google" name="google" method="get" action="#"> 
          <input type="hidden" name="hl" value="en" /> 
          <input type="text" class="searchtext" value="name=zippo" name="zippo" size="25" /> 
          <input type="submit" class="gobutton" name="button" id="button2" value="Go" /> 
        </form> 
        </div> 
        <div class="searchbox"> 
        <h2>Custom Field</h2> 
        <form id="google" name="google" method="get" action="#"> 
          <input onmouseout='document.getElementById("cfi").setAttribute("name", this.value);' type="text" class="searchtext" value="phone" name="fieldname" size="25" /> 
          <input type="text" class="searchtext" value="" id="cfi" size="25" /> 
          <input type="submit" class="gobutton" name="button" id="button1" value="Go" /> 
        </form> 
        </div>


{% endblock %}
